<!DOCTYPE html>
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<title>人事</title>
<script src='https://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>
<script src='__ROOT__/AI_radar/js/jquery.js'></script>
<!-- <script type="text/javascript" src="jQuery.js"></script> -->
<script type="text/javascript" src="__ROOT__/BOSS/jqplot.js"></script>
<style>
	    body,html{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 14px;
        color:#555555;
        background: #fff;
    }
    p{
        margin:0;
    }
    .bossCenZ{
        background: #eee;
    }
    .bossCenZTops,.bossCenZTopC,.bossCenZTopSC,.bossCenZTopXZ{
        width: calc(100% - 20px);
        background: #fff;
        border-radius: 5px;
        margin: 10px;
        display: inline-block;
    }
    .bossCenZTopCHeadOne{
        background: #fff;
    }
    .bossTop,.bossCenZTopW,.bossCenPTopW{
        width: 100%;
        /*border-bottom: 1px solid #ccc;*/

    }
    .bossCenP,.bossCenA{
    	display: none
    }
    .bossTops{
        width: calc(100% - 20px);
        line-height: 55px;
        padding: 10px 0;
        display: flex;
        font-size: 15px;
    }
    /*.bossTopZ,.bossTopX,.bossTopA{
        flex: 1;
        text-align: center;
    }*/
    .spanTop{
        /*border-bottom: 1px solid #4f81d4;*/
        line-height: 55px;
    }
    .colorTop{
        color:#4f81d4;
        border-bottom: 1px solid #4f81d4;
    }
    .bossCenZTop,.bossCenPTop{
        width: 96%;
        padding: 0 2%;
        display: flex;

    }
    .bossCenZTopO,.bossCenPTopO{
        width: 24%;
        border:1px solid #ccc;
        margin: 8px 0.5%;
        text-align: center;
        line-height: 35px;
        font-size: 13px;
    }
    .bossCenZTopOColor,.bossCenPTopOColor{
        color: #fff;
        background: #4f81d4;
        border:none;
    }
    .bossCenZTopK{
        width: 96%;
        padding: 10px 2%;
    }
    .bossCenZTopKY{
        width: 100%;
        display: flex;
    }
    .bossCenZTopKOne{
        width: calc(30% - 2px);
        margin:5px 1.5% 0 1.5%;
        border:1px solid #ccc;
        display: inline-block;
        height: 70px;
    }
    .bossCenZTopKP1,.bossCenZTopKP2{
        text-align: center;
        font-size: 13px;
    }
    .bossCenZTopKP1{
        margin-top: 10px;
        line-height: 30px;
    }
    .bossCenZTopKP2{
        line-height: 30px;
    }
    .bossCenZTopCHead{
        text-align: center;
        line-height: 50px;
        font-weight: bold;
        /*background: #ddd;*/
    }
    .bossCenZTopCHead1{
    	text-align: center;
        line-height: 50px;
        font-weight: bold;
        /*background: #eee;*/
    }
    .bossCenZTopCN{
        margin-top: 15px;
        position: relative;
    }
    .bossCenZTopCNO{
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }

    .bossCenZTopCNOt { 
        border-top: 35px solid #FF5F1A; 
        border-left: 25px solid transparent; 
        border-right: 25px solid transparent; 
        height: 0; 
        width: 50%; 
        margin: auto;
    } 
    .bossCenZTopCNOz{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 35px;
        color: #fff;
        /*z-index: 99;*/
    }
    .bossCenZTopCNOw{
        width: 80px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 82%
    }
    .bossCenZTopCNOt1 { 
        border-top: 35px solid #FEAB2B; 
        border-left: 25px solid transparent; 
        border-right: 25px solid transparent; 
        height: 0; 
        width: 35%; 
        margin: auto;
    } 
    .bossCenZTopCNOz1{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 35px;
        color: #fff;
        /*z-index: 99;*/
    }
    .bossCenZTopCNOw1{
        width: 80px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 74%
    }
    .bossCenZTopCNOt2 { 
        border-top: 35px solid #0FD35D; 
        border-left: 25px solid transparent; 
        border-right: 25px solid transparent; 
        height: 0; 
        width: 20%; 
        margin: auto;
    } 
    .bossCenZTopCNOz2{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 35px;
        color: #fff;
        /*z-index: 99;*/
    }
    .bossCenZTopCNOw2{
        width: 80px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 68%
    }
    .bossCenZTopCNOt3 { 
        border-top: 35px solid #3EC4D2; 
        border-left: 0px solid transparent; 
        border-right: 0px solid transparent; 
        height: 0; 
        width: 20%; 
        margin: auto;
    } 
    .bossCenZTopCNOz3{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 35px;
        color: #fff;
        /*z-index: 99;*/
    }
    .bossCenZTopCNOw3{
        width: 80px;
        line-height: 35px;
        position: absolute;
        top: 0;
        left: 64%
    }
    .bossCenZTopCNBot{
        width: calc(100% - 20px);
        display: flex;
        padding: 0 10px;
    }
    .bossCenZTopCNBotO{
        width: 33.33%;
        text-align: center;
        line-height: 35px;
    }
    .bossCenZTopCNBotOW{
        width: 20px;
        display: inline-block;
        position: relative;
    }
    .bossCenZTopCNBotOS{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #FF5F1A;
        /*margin-top: 12.5px;*/
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenZTopCNBotOS1{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #FEAB2B;
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenZTopCNBotOS2{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #0FD35D;
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenZTopCNBotOS3{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #0FD35D;
        position: absolute;
        top: -14px;
        right: 0;
    }


    .bossCenZTopSCs,.bbossCenZTopKHs,.bbossCenZTopXZs,.bbossCenZTopSLs{
        width: 96%;
        padding: 0 2%;
        display: flex;
    }
    .bossCenZTopSCsO,.bbossCenZTopKHsO,.bbossCenZTopXZsO,.bbossCenZTopSLsO{
        width: 29.333%;
        border:1px solid #ccc;
        margin: 8px 2%;
        text-align: center;
        line-height: 35px;
    }
    .bossCenZTopSCsOColor,.bbossCenZTopKHsOColor,.bbossCenZTopXZsOColor,.bbossCenZTopSLsOColor{
        color: #fff;
        background: #4f81d4;
        border:none;
    }

	/*扇形统计图*/
    .canvas{
    	width: 280px;
    	height: 280px;
    	margin:auto;
    }
    #can1{
     	width:280px;
     	height:280px;
     	margin: auto
 	}

 	.bossCenZTopSCBot{
        width: calc(100% - 20px);
        display: flex;
        padding: 0 10px;
    }
    .bossCenZTopSCBotO{
        width: 33.33%;
        text-align: center;
        line-height: 35px;
        font-size: 13px;
    }
    .bossCenZTopSCBotOW{
        width: 20px;
        display: inline-block;
        position: relative;
    }
    .bossCenZTopSCBotOS{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #0FD35D;
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenZTopSCBotOS1{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #FEAB2B;
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenZTopSCBotOS2{
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        background: #3EC4D2;
        position: absolute;
        top: -14px;
        right: 0;
    }
    .bossCenPMing{
    	width: 100%;
    	height: 50px;
    	border-bottom: 6px solid #eee;
    }
    .bossCenPMOnself{
    	width: calc(100% - 20px);
    	padding: 10px;
    	display: flex;
    	line-height: 30px;
    }
    .bossCenPMNum{
    	width: 50px;
    	text-align: center;
    }
    .bossCenPMImg{
    	width: 40px;
        height:50px;
    }
    .bossCenPMImg img{
    	width: 30px;
    	height: 30px;
    	margin: 10px 5px;
    	border-radius: 50%;
    }
	.bossCenPMName{
		width: calc(100% - 180px);
		text-indent: 10px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
    .bossCenPMNums,.bossCenPMNums2{
    	width: 90px;
    	text-align: right;
    }
    /*.bossCenPMNums2F{
    	font-size: 10px;
    	line-height: 17px;
    	display: flex;
    }
    .bossCenPMNums2Fs{
    	width: 60px;
    	text-align: right;
    }
    .bossCenPMNums2FsZ{
    	width: 30px;
    	text-align: right;
    }*/
    /*.bossCenPMNums2{

    }*/
    .bossCenPMings{
    	width: 100%;
    	height: calc(100% - 160px);
    	overflow-y: auto;
    }
    .bossCenPMOnselfs{
    	width: calc(100% - 20px);
    	padding: 0 10px;
    	display: flex;
    	line-height: 51px;
    	border-bottom: 1px solid #eaeaea;
    }

    .bossCenAMOnselfs{
    	width: calc(100% - 20px);
    	padding:10px;
    	line-height: 30px;
    	border-bottom: 1px solid #eaeaea;
    	display: flex;
    }
    .bossCenPMTS{
    	width:100%;
    	line-height: 51px;
    	text-align: center;
    }
    /*.bossCenAMNum{
    	width: 40px;
    }*/
    .bossCenAMImg{
    	width: 40px;
    }
    .bossCenAMName{
    	width: calc(100% - 40px);
    	text-indent: 5px;
    }
    .bossCenAMImg img{
		width: 30px;
		height: 30px;
		margin: 0 5px;
		border-radius: 50%;
    }
    .bossCenZTopCNs1,.bossCenZTopCNs2,.bossCenZTopCNs3,.bossCenZTopCNs4{
    	width: 100%;
    	height: 30px;
    	margin-top: 5px;
    	text-align: center;
    	line-height: 30px;
    	font-size: 15px;
    }
    .bossCenZTopCNs1{
    	background: #FF5F1A;
    }
    .bossCenZTopCNs2{
    	background: #FEAB2B;
    }
    .bossCenZTopCNs3{
    	background: #0FD35D;
    }
    .bossCenZTopCNs4{
    	background: #3EC4D2;
    }

    .bossCenZTopCNsL{
    	border-bottom: 100px solid #fff; 
        border-left: 0px solid transparent; 
        border-right: 5rem solid transparent; 
        height: 0; 
        width:20%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .bossCenZTopCNsR{
    	border-bottom: 100px solid #fff; 
        border-left: 5rem solid transparent; 
        border-right: 0px solid transparent; 
        height: 0; 
        width:20%;
        position: absolute;
        top: 0;
        right: 0;
    }
  /*  .bossCenZTopCNsLB{
    	width: calc(20% + 5rem);
    	height: 30px;
    	background: #fff;
    	position: absolute;
        top: 105px;
        left: 0;
    }
    .bossCenZTopCNsRB{
    	width: calc(20% + 5rem);
    	height: 30px;
    	background: #fff;
    	position: absolute;
        top: 105px;
        right: 0;
    }*/

    .interactionOne{
        width: 100%;
        display: flex;
        line-height: 30px;
        padding: 10px 0;
    }
    .interactionOneL{
        width:80px;
        /*line-height: 30px;*/
    }
    .interactionOneR{
        width:calc(100% - 80px);
        /*line-height: 30px;*/
        display: flex;
    }
    .interactionT{
        /*width:calc(100% - 80px);*/
        height: 10px;
        border-radius: 5px;
        background: red;
        margin: 10px 0;
    }
    .interactionF{
        width: 80px;
        text-indent: 5px;
        font-size: 12px;
    }
    .interactionJd{
        width: 50%;
        height: 10px;
        border-radius: 5px;
        background: red;
        margin: 10px 0;
    }

    .bossCenATu{
    	position: relative;
    	border-bottom:1px solid #ddd;
    }
    a{
    	text-decoration: none;
    	color:#333333;
    	display: block;
    	flex: 1;
        text-align: center;
    }  
    .canvas2{
    	width: 320px;
    	height: 280px;
    	margin:auto;
    }
    #can2{
     	width:320px;
     	height:280px;
     	margin: auto
 	}
    .bossFontTu{
    	width:80px;
    	line-height: 20px;
    	font-size: 10px;
    }
    .charm{
    	position: absolute;
    	top: 230px;
    	left: calc(50% + 50px);
    }
    .client{
    	position: absolute;
    	top: 130px;
    	left: calc(50% + 105px);
    }
    .generalize{
    	position: absolute;
    	top: 30px;
    	left: calc(50% + 50px);
    }
    .interactions{
    	text-align: right;
    	position: absolute;
    	top: 30px;
    	left: calc(50% - 125px);
    }
    .initiative{
    	text-align: right;
    	position: absolute;
    	top: 130px;
    	left: calc(50% - 185px);
    }
    .website{
    	text-align: right;
    	position: absolute;
    	top: 230px;
    	left: calc(50% - 125px);
    }
    .bossCenZTopCHeadColorZ{
    	width:100%;
        text-align: center;
    	line-height: 20px;
    	padding: 15px 0;
    	margin: auto;
    }
    .bossCenZTopCHeadColor1{
    	background: #5FAB78;
    	width:15px;
    	height: 15px;
    	display: inline-block;
    }
    .bossCenZTopCHeadColor2{
    	background: #EAA228;
    	width:15px;
    	height: 15px;
    	display: inline-block;
    }

    .interactionOne{
        width: calc(100% - 20px);
        display: flex;
        line-height: 30px;
        padding: 10px;
    }
    .interactionOneL{
        width:80px;
        font-size: 13px;
    }
    .interactionOneR{
        width:calc(100% - 80px);
        display: flex;
    }
    .interactionT{
        height: 10px;
        border-radius: 5px;
        background: red;
        margin: 10px 0;
    }
    .interactionF{
        width: 80px;
        text-indent: 5px;
        font-size: 12px;
    }
    .interactionJd{
        width: 50%;
        height: 10px;
        border-radius: 5px;
        background: red;
        margin: 10px 0;
    }
    .log,.log2{
    	width:100%;
    	height: 100%;
    	background: rgba(0,0,0,0.5);
    	position: fixed;
    	top: 0;
    	left: 0;
    	display: none
    }
    .logz{
    	width:100%;
    	height: 100%;
    	display: flex;
    }
    .logn{
    	width:100%;
    	height: 35px;
    	/*vertical-align: middle;*/
    	font-size: 30px;
    	margin-top: 50%;
    	text-align: center;
    	color:#005298;
    }

    .bossNum1,.bossNum2,.bossNum3{
		font-size: 13px;
    }
	
	.chart1,.chart2,.chart3,.chart4{
		width: calc(100% - 10px);
		padding: 0 5px;
	}




</style>

</head>
<body>
	<div class="boss">
        <div class="bossTop p1" id="p1">
            <div class="bossTops">
                <a href="#p1"><div class="bossTopZ"><span class="spanTop colorTop" did="head1">总览</span></div></a>
                <a href="#p2"><div class="bossTopX"><span class="spanTop" did="head2">销售排行</span></div></a>
                <a href="#p3"><div class="bossTopA"><span class="spanTop" did="head3">CRM分析</span></div></a>
            </div>
        </div>
        <div class="bossCenZ">
            <div class="bossCenZTops">
                <div class="bossCenZTopW">
                    <div class="bossCenZTop">
                        <div class="bossCenZTopO bossCenZTopOColor" sid='kuang' did="0">汇总</div>
                        <div class="bossCenZTopO" sid='kuang' did="7">近7天</div>
                        <div class="bossCenZTopO" sid='kuang' did="15">近15天</div>
                        <div class="bossCenZTopO" sid='kuang' did="30">近30天</div>
                    </div>
                </div>
                <div class="bossCenZTopK">
                    <div class="bossCenZTopKY">
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">客户总数UV</p>
                            <p class="bossCenZTopKP2 num"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">浏览总数PV</p>
                            <p class="bossCenZTopKP2 browse"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">跟进总数</p>
                            <p class="bossCenZTopKP2 follow"></p>
                        </div>
                    </div>
                    <div class="bossCenZTopKY">

                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">沟通总客户数</p>
                            <p class="bossCenZTopKP2 talk"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">商城销售总额</p>
                            <p class="bossCenZTopKP2 price"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">商城订单数</p>
                            <p class="bossCenZTopKP2 order"></p>
                        </div>
                    </div>
                    <div class="bossCenZTopKY">
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">被转发总数</p>
                            <p class="bossCenZTopKP2 shares"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">被保存次数</p>
                            <p class="bossCenZTopKP2 save"></p>
                        </div>
                        <div class="bossCenZTopKOne">
                            <p class="bossCenZTopKP1">被点赞总数</p>
                            <p class="bossCenZTopKP2 praise"></p>
                        </div>

                    </div>
                </div>
                
            </div>
            <div class="bossCenZTopC">
                <div class="bossCenZTopCHead">成交率漏斗</div>
                <div class="bossCenZTopCN">
                	<div class="bossCenZTopCNs1"></div>
                	<div class="bossCenZTopCNs2"></div>
                	<div class="bossCenZTopCNs3"></div>
                	<!-- <div class="bossCenZTopCNs4">123456</div> -->
                	<div class="bossCenZTopCNsL"></div>
                	<div class="bossCenZTopCNsR"></div>
                	<!-- <div class="bossCenZTopCNsLB"></div>
                	<div class="bossCenZTopCNsRB"></div> -->
                </div>
                <div class="bossCenZTopCNBot">
                    <div class="bossCenZTopCNBotO">
                        <div class="bossCenZTopCNBotOW"><div class="bossCenZTopCNBotOS"></div></div> ≤ <span class="bargain1"></span>
                    </div>
                    <div class="bossCenZTopCNBotO">
                        <div class="bossCenZTopCNBotOW"><div class="bossCenZTopCNBotOS1"></div></div> ≤ <span class="bargain2"></span>
                    </div>
                    <div class="bossCenZTopCNBotO">
                        <div class="bossCenZTopCNBotOW"><div class="bossCenZTopCNBotOS2"></div></div> ≤ <span class="bargain3"></span>
                    </div>
                    <!-- <div class="bossCenZTopCNBotO">
                        <div class="bossCenZTopCNBotOW"><div class="bossCenZTopCNBotOS3"></div></div> ≤ 100%
                    </div> -->
                </div>
            </div>
            <div class="bossCenZTopSC">
                <div class="bossCenZTopCHead">商城订单量&交易金额</div>
                <div class="bossCenZTopSCs">
                    <div class="bossCenZTopSCsO bossCenZTopSCsOColor" sid='sc' did="7">近7天</div>
                    <div class="bossCenZTopSCsO" sid='sc' did="15">近15天</div>
                    <div class="bossCenZTopSCsO" sid='sc' did="30">近30天</div>
                </div>
                <div class="bossCenZTopCHeadColor">
                	<div class="bossCenZTopCHeadColorZ">
	                	<div class="bossCenZTopCHeadColor1"></div> <span> 订单量(单) </span>&nbsp;
	                	<div class="bossCenZTopCHeadColor2"></div> <span> 交易金额(元) </span>
                	</div>
                </div>
                <div class="chart1"><div id="chart1"></div></div>
				
            </div>
            <div class="bossCenZTopKH">
            	<div class="bossCenZTopCHead bossCenZTopCHeadOne">客户统计</div>
                <div class="bossCenZTops">
                	<div class="bossCenZTopCHead1">跟进客户数</div>
                	<div class="bbossCenZTopKHs">
                        <div class="bbossCenZTopKHsO bbossCenZTopKHsOColor" sid='gj' did="7">近7天</div>
                        <div class="bbossCenZTopKHsO" sid='gj' did="15">近15天</div>
                        <div class="bbossCenZTopKHsO" sid='gj' did="30">近30天</div>
                    </div>
    				<div class="chart2"><div id="chart2"></div></div>
                    
                </div>
            </div>
            <div class="bossCenZTopXZ">
            	<div class="bossCenZTopCHead1">新增客户数</div>
            	<div class="bbossCenZTopXZs">
                    <div class="bbossCenZTopXZsO bbossCenZTopXZsOColor" sid='xz' did="7">近7天</div>
                    <div class="bbossCenZTopXZsO" sid='xz' did="15">近15天</div>
                    <div class="bbossCenZTopXZsO" sid='xz' did="30">近30天</div>
                </div>
				<div class="chart3"><div id="chart3"></div></div>
            </div>

            <div class="bossCenZTopSC">
                <div class="bossCenZTopCHead">客户兴趣占比</div>
                <div class="canvas">
					<canvas id="can1" width="280" height="280"></canvas>
				</div>
				<div class="bossCenZTopSCBot">
                    <div class="bossCenZTopSCBotO">
                        <div class="bossCenZTopSCBotOW"><div class="bossCenZTopSCBotOS"></div></div> 对我感兴趣
                    </div>
                    <div class="bossCenZTopSCBotO">
                        <div class="bossCenZTopSCBotOW"><div class="bossCenZTopSCBotOS1"></div></div> 对产品感兴趣
                    </div>
                    <div class="bossCenZTopSCBotO">
                        <div class="bossCenZTopSCBotOW"><div class="bossCenZTopSCBotOS2"></div></div> 对公司感兴趣
                    </div>
                   
                </div>
				
            </div>
            <div class="bossCenZTopXZ">
            	<div class="bossCenZTopCHead1">近15日客户活跃度</div>
				<div class="chart4"><div id="chart4"></div></div>
            </div>
            <div class="bossCenZTopXZ">
                <!-- ['点赞','评论','保存电话','拨打电话','资讯产品','添加微信'] -->
                <div class="bossCenZTopCHead1">客户互动</div>
                <div class="interaction">
                </div>
            </div>
            <div style="width:100%;height:30px"></div>
        </div>
        <div class="bossCenP p2" id="p2">
        	<div class="bossCenPTopW">
                <div class="bossCenPTop">
                    <div class="bossCenPTopO bossCenPTopOColor" sid="ph" did="1">按客户人数</div>
                    <div class="bossCenPTopO" sid="ph" did="2">按订单量</div>
                    <div class="bossCenPTopO" sid="ph" did="3">按互动率</div>
                    <div class="bossCenPTopO" sid="ph" did="4">按成交率区间</div>
                </div>
            </div>
            <div class="bossCenPMing">
            	<div class="bbossCenZTopSLs">
                    <div class="bbossCenZTopSLsO bbossCenZTopSLsOColor bossNum1" sid='time' did="1">总客户数</div>
                    <div class="bbossCenZTopSLsO bossNum2" sid='time' did="2">最近7天</div>
                    <div class="bbossCenZTopSLsO bossNum3" sid='time' did="3">最近30天</div>
                </div>
            	<!-- <div class="bossCenPMOnself"> -->
            		<!-- <div class="bossCenPMNum">2</div>
            		<div class="bossCenPMImg"><img src="http://resource.17jxyx.com/tmp/wxf172669daf23e115.o6zAJszXluk01q4Fu3G9ljYYMo-Q.SZrnbNS57SRifab8f2fd3b694534c300849c0fe0a9df.jpg" alt=""></div>
            		<div class="bossCenPMName">张小星</div>
            		<div class="bossCenPMNums">50</div> -->
            		<!-- <div class="bossCenPMNums2">
            			<div class="bossCenPMNums2F">0%-30%:<span class="bossCenPMNums2Fs1">15</span></div>
            			<div class="bossCenPMNums2F">30%-60%:<span class="bossCenPMNums2Fs2">55</span></div>
            			<div class="bossCenPMNums2F">60%-100%:<span class="bossCenPMNums2Fs3">18</span></div>

            		</div> -->
            	<!-- </div> -->
            </div>
            <div class="bossCenPMings">
      
            </div>
        </div>



        <div class="bossCenA p3" id="p3">
            <div class="bossCenAs">
            	<!-- <div class="bossCenAMOnselfs" sid='1'>
            		<div class="bossCenAMNum"><img src="http://resource.17jxyx.com/tmp/wxf172669daf23e115.o6zAJszXluk01q4Fu3G9ljYYMo-Q.SZrnbNS57SRifab8f2fd3b694534c300849c0fe0a9df.jpg" alt=""></div>
            		<div class="bossCenAMImg"><img src="http://resource.17jxyx.com/tmp/wxf172669daf23e115.o6zAJszXluk01q4Fu3G9ljYYMo-Q.SZrnbNS57SRifab8f2fd3b694534c300849c0fe0a9df.jpg" alt=""></div>
            		<div class="bossCenAMName">张三</div>
            	</div> -->
            	         
<!-- <div class='bossCenATu'><div class='canvas'><canvas id='can2' width='300' height='300'></canvas></div></div> -->
            	<!-- <div style="width: 100%;height: 30px;"></div> -->
            </div>
        </div>


 
    </div>
    <div class="log" style="display:block;position: fixed;top: 0;left: 0;background:rgba(0,0,0,0);width:100%;height: 100%;">
        <div style="width:100%;height:100%;display:flex;vertical-align: middle;">
          <div style="width:3rem;height:3rem;margin: auto;">
            <img src="__ROOT__ /AI_radar/image/my/load.gif" alt="" class="load1Img" style="width:100%;height:auto;border-radius: 0.3rem;background: #2b2929" />
           <!--  <div class="loadFont" style='width:100%;text-align: center;display: block;color:#fff;font-size: 20px;'>正在加载...</div> -->
          </div>
        </div>
    </div>

	<script type="text/javascript">
    console.log(document.cookie)
    var config = {$config};
 
    configs()
    function configs(){
        // console.log(config)
        // 微信配置
        wx.config({
            beta: true,
            debug: false, 
            appId: config.appid, 
            timestamp: config.timestamp, 
            nonceStr: config.nonceStr, 
            signature: config.signature,
            jsApiList: ['hideMenuItems','hideAllNonBaseMenuItem'] // 功能列表，我们要使用JS-SDK的什么功能
        });
        wx.ready(function(e){
            wx.hideMenuItems({
                menuList: ["menuItem:share:appMessage"] // 要隐藏的菜单项，所有menu项见附录3
            });
            wx.hideAllNonBaseMenuItem();
        });
        wx.error(function(res){
            // console.log(res)
        });
    }

	// console.log(token_boss)
    var tokenName
    var tokenName1
    var token_boss;
    var tokenName2 = document.cookie.indexOf(";")
    console.log(tokenName2)
    if(tokenName2>1){
        var tokens1 = document.cookie.slice(0,tokenName2)
        var tokens2 = document.cookie.slice(tokenName2+2)
        console.log(tokens1)
        console.log(tokens2)
        tokenName = tokens1.slice(0,tokens1.indexOf("="))
        tokenName1 = tokens2.slice(0,tokens2.indexOf("="))
        if(tokenName == "BOSS_TT"){
            token_boss = tokens1.slice(tokens1.indexOf("=")+1,tokenName2)
        }else{
            token_boss = tokens2.slice(tokens2.indexOf("=")+1)
        }

    }else{
        token_boss = document.cookie.slice(document.cookie.indexOf("=")+1)
    }
    console.log(token_boss)

     
	bossColor("spanTop","colorTop")
    bossColor("bossCenZTopO","bossCenZTopOColor")
    bossColor("bossCenZTopSCsO","bossCenZTopSCsOColor")
    bossColor("bbossCenZTopKHsO","bbossCenZTopKHsOColor")
    bossColor("bbossCenZTopXZsO","bbossCenZTopXZsOColor")
    bossColor("bossCenPTopO","bossCenPTopOColor")
    bossColor("bbossCenZTopSLsO","bbossCenZTopSLsOColor")


    $('.jqplot-table-legend').css("display","none")
    var bargainArr=[30,60,100]
    $(".bargain1").html(bargainArr[0] + "%")
    $(".bargain2").html(bargainArr[1] + "%")
    $(".bargain3").html(bargainArr[2] + "%")

 //    console.log(document.body.offsetHeight)

 	// 总览宫格图部分
    function gridAjax(num){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/all",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                time:num,
                type:{browse:"browse",shares:"shares",save_phone:"save_phone",praise:"praise"}
            }),
            success:function(res){
                $(".num").html(res.data[0].num)
                $(".browse").html(res.data[0].browse)
                $(".follow").html(res.data[0].follow)
                $(".talk").html(res.data[0].talk)
                $(".price").html(res.data[0].price)
                $(".order").html(res.data[0].order)
                $(".shares").html(res.data[0].shares)
                $(".save").html(res.data[0].save)
                $(".praise").html(res.data[0].praise)
            	// $(".log").css("display","none")
                // $(".log2").css("display","none")
            },
            error:function(res){
              alert("请求数据失败")
              // $(".log").css("display","none")
            }
        })
    }
    // 成交漏斗
    function bargainAjax(arr){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/rate",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                rate:arr
            }),
            success:function(res){
                $(".bossCenZTopCNs1").html(res.data[0])
                $(".bossCenZTopCNs2").html(res.data[1])
                $(".bossCenZTopCNs3").html(res.data[2])
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }
     // 商城订单量&交易金额
    function shoppingAjax(num,numTime){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/order",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                time:num
            }),
            success:function(res){
                var dianNums=[];
                var dianNums1=[];
                var dayTime=[];
                var dianNums2=[]

                if(res.data){
                    res.data.time.forEach(function(el,index){
                        if(index%numTime == 0){
                            dayTime.push(el)
                        }else{
                            dayTime.push('')
                        }
                        var spans
                        var spans1
                        res.data.info.forEach(function(el1,index1){
                            if(el1.days == el){
                                spans = el1.num
                                spans1 = el1.price
                            }
                        })
                        if(spans){
                            dianNums.push(spans)
                            dianNums1.push(spans1)
                        }else{
                            dianNums.push(0)
                            dianNums1.push(0)
                        }
                    })
                }
                dianNums2.push(dianNums)
                dianNums2.push(dianNums1)
                zhex(dianNums2,dayTime,"chart1",1)
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }
    // 跟进客户数
    function followAjax(num,numTime){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/follow",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                time:num
            }),
            success:function(res){
                var dianNums=[];
                var dayTime=[];
                var dianNums2=[]

                if(res.data){
                    res.data.time.forEach(function(el,index){
                        if(index%numTime == 0){
                            dayTime.push(el)
                        }else{
                            dayTime.push('')
                        }
                        var spans
                        res.data.info.forEach(function(el1,index1){
                            if(el1.days == el){
                                spans = el1.num
                            }
                        })
                        if(spans){
                            dianNums.push(spans)
                        }else{
                            dianNums.push(0)
                        }
                    })
                }
                dianNums2.push(dianNums)
                zhex(dianNums2,dayTime,"chart2",1)
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }

    // 新增客户数
    function addAjax(num,numTime){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/add",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                time:num
            }),
            success:function(res){
                console.log(res.data)
                var dianNums=[];
                var dayTime=[];
                var dianNums2=[]
                if(res.data){
                    res.data.time.forEach(function(el,index){
                        if(index%numTime == 0){
                            dayTime.push(el)
                        }else{
                            dayTime.push('')
                        }
                        var spans
                        res.data.info.forEach(function(el1,index1){
                            if(el1.days == el){
                                spans = el1.num
                            }
                        })
                        if(spans){
                            dianNums.push(spans)
                        }else{
                            dianNums.push(0)
                        }
                    })
                }
                dianNums2.push(dianNums)
                zhex(dianNums2,dayTime,"chart3",1)
                
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }
    // 客户兴趣占比
    function interestAjax(){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/behavior",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
            }),
            success:function(res){
                console.log(res.data)
            	var arr=[]
            	res.data.forEach(function(el,index){
            		arr.push(el.num)
            	})
            	yuan(arr)
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }
    // 活跃度
    function activeAjax(num,numTime){
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/active",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                time:num
            }),
            success:function(res){
            	var dianNums=[];
                var dayTime=[];
                var dianNums2=[]
                if(res.data){
                    res.data.time.forEach(function(el,index){
                        if(index%numTime == 0){
                            dayTime.push(el)
                        }else{
                            dayTime.push('')
                        }
                        var spans
                        res.data.info.forEach(function(el1,index1){
                            if(el1.days == el){
                                spans = el1.num
                            }
                        })
                        if(spans){
                            dianNums.push(spans)
                        }else{
                            dianNums.push(0)
                        }
                    })
                }
                dianNums2.push(dianNums)
                zhex(dianNums2,dayTime,"chart4",1)
            	// res.data.forEach(function(el,index){
            	// 	arr.push(el.num)
            	// })
            },
            error:function(res){
              alert("请求数据失败")
            }
        })
    }

    //互动请求
    function interactionAjax(){
        // console.log(jin)
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/interaction",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                uid:jin,
            }),
            success:function(res){
                var arr1 = [1,3,5,6,7,9,'a','b','c','d','f']
                res.data.forEach(function(el,index){
                    var color = "#" + arr1[Math.ceil(Math.random() * 10)]  + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] 
                    var divs = $("<div class='interactionOne'><div class='interactionOneL'>"+el.name+"</div><div class='interactionOneR'><div class='interactionT' style='width:"+el.num+"%;background:"+color+"'></div><div class='interactionF'>"+el.num+"%</div></div></div>")
                    $(divs).appendTo(".interaction")
                })
            },
            error:function(res){
              console.log(res)
              alert("请求数据失败")
            }
        })
    }

    //销售排行请求
    // sortAjax("num","all")
    //confition 第一排按钮（num:客户人数； order：订单量；interaction：互动率；rate：成交区间）
    function sortAjax(confition,num,nums){
    	// console.log(confition,num,nums)
    	$.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/condition",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                confition:confition,
                num:num
            }),
            success:function(res){
            	// console.log(res) 31

            	console.log(res.data)
            	$(".bossCenPMOnselfs").each(function(ind,dom){
            		dom.remove()
            	})
                if(confition == "num" && num == "all"){
                    if($(".bossCenAMOnselfs").length>0){
                        $(".bossCenAMOnselfs").each(function(ind2,dom2){
                            dom2.remove()
                        
                        })
                    }
                }
                if(res.data.length>0){
	                res.data.forEach(function(el,index){
	                	var ranking = index + 1
	                	var div;
	                	var div2;
                        // var userimg = ''
                        // if(el.userimg.url){
                        //     userimg = el.userimg.url
                        // }
	                	if(confition == "num"){
	                    	div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.users_count+"</div></div>")
	                    	if(num == "all"){
	                    		div2 = $("<div class='bossCenAMOnselfs' sid='"+el.id+"'><div class='bossCenAMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenAMName'>"+el.name+"</div></div>")
	                    		$(div2).appendTo(".bossCenAs")
	                    	}

	                	}
	                	if(confition == "order"){
	                    	div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.orders_count+"</div></div>")
	                	}
	                	if(confition == "interaction"){
	                    	div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.fromuser_count+"</div></div>")
	                	}
	                	if(confition == "rate"){
	                		if(nums == 1){
	                    		div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.first_level+"</div></div>")
	                		}
	                		if(nums == 2){
	                    		div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.second_level+"</div></div>")
	                		}
	                		if(nums == 3){
	                    		div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMNum'>"+ranking+"</div><div class='bossCenPMImg'><img src='"+el.userimg.url+"' alt=''></div><div class='bossCenPMName'>"+el.name+"</div><div class='bossCenPMNums'>"+el.third_level+"</div></div>")
	                		}
	                	}
	                    $(div).appendTo(".bossCenPMings")
	                })
	                // var analyzeNum=[50,30,20,90,70,60];
	                var bossCenAMOnselfs = document.querySelectorAll(".bossCenAMOnselfs");
	                analyze(bossCenAMOnselfs);
                }else{
                	var div = $("<div class='bossCenPMOnselfs'><div class='bossCenPMTS'>暂无数据</div></div>")
	                    $(div).appendTo(".bossCenPMings")
	                    $(div).appendTo(".bossCenAs")

                }
                // $(".log").css("display","none")

            },
            error:function(res){
              console.log(res)
              alert("请求数据失败")
            }
        })
    }
    gridAjax("all")
	bargainAjax(bargainArr)
	shoppingAjax(7,2)
	followAjax(7,2)
    addAjax(7,2)
	interestAjax()
	activeAjax(15,4)
    interactionAjax()
    sortAjax("num","all",0)

	var test = window.location.href;
    var jin1 = test.indexOf('#');
    var jin3 = jin1 + 1;
    var jin = test.slice(jin3);
    jins(jin)
    function pandect(){
    	// $(".log").css("display","block")
        // $(".log2").css("display","block")
    	$(".bossCenZ").css("display","block")
    	$(".bossCenP").css("display","none")
    	$(".bossCenA").css("display","none")
    	$(".boss").css("overflow-y","auto")
    	gridAjax("all")
    	bargainAjax(bargainArr)
    	shoppingAjax(7,2)
    	followAjax(7,2)
        addAjax(7,2)
    	interestAjax()
    	activeAjax(15,4)
    	if(document.querySelectorAll(".interactionOne").length>0){
    		var interactionOne = document.querySelectorAll(".interactionOne")
    		Array.from(interactionOne).forEach(function(dom,ind){
    			dom.remove()
    		})

    	}
    	interactionAjax()
    }
	var availHeight = document.body.offsetHeight - 190
	$(".bossCenPMings").css("height",availHeight)
	function jins(jin){
		console.log(jin)
		$(".spanTop").each(function(indexs,doms){
            doms.classList.remove('colorTop')
        })
                
		if(jin == "p1" || !jin){
			document.querySelectorAll(".spanTop")[0].classList.add('colorTop')
			pandect()
			// $(".bossCenZ").css("display","block")
	  //   	$(".bossCenP").css("display","none")
	  //   	$(".bossCenA").css("display","none")
	  //   	$(".boss").css("overflow-y","auto")
	  //   	gridAjax("all")
	  //   	bargainAjax(bargainArr)
	  //   	shoppingAjax(7,2)
	  //   	followAjax(7,2)
	  //   	interestAjax()
	  //   	activeAjax(15,4)
	  //   	interactionAjax()
		}
		if(jin == "p2"){
			document.querySelectorAll(".spanTop")[1].classList.add('colorTop')

			$(".bossCenZ").css("display","none")
	    	$(".bossCenP").css("display","block")
	    	$(".bossCenA").css("display","none")
	    	$(".boss").css("overflow-y","hidden")
	    	$(".boss").css("overflow-x","hidden")
	    	sortAjax("num","all",0)
		}
		if(jin == "p3"){
			document.querySelectorAll(".spanTop")[2].classList.add('colorTop')

			$(".bossCenZ").css("display","none")
	    	$(".bossCenP").css("display","none")
	    	$(".bossCenA").css("display","block")
	    	$(".boss").css("overflow-y","auto")
		}
	}
	var nums = 80;
    var cla = "calc("+nums+"% - 80px)"
    $(".interactionT").css("width",cla)
    $(".interactionF").html(nums+"%")

    function bossColor(a,b){
        $("."+a).each(function(index,dom){
            dom.onclick = function(){
                $("."+a).each(function(indexs,doms){
                    doms.classList.remove(b)
                })
                dom.classList.add(b)
                var dids = dom.getAttribute("did")
                var dians;
                var dayss;
                if(dids == "head1"){
                	pandect()
                	// $(".bossCenZ").css("display","block")
                	// $(".bossCenP").css("display","none")
                	// $(".bossCenA").css("display","none")
                	// $(".boss").css("overflow-y","auto")
                	// gridAjax("all")
                	// bargainAjax(bargainArr)
                	// shoppingAjax(7,2)
                	// followAjax(7,2)
                	// interestAjax()
                	// activeAjax(15,4)
                	// interactionAjax()
                }
                if(dids == "head2"){
                	$(".bossCenZ").css("display","none")
                	$(".bossCenP").css("display","block")
                	$(".bossCenA").css("display","none")
                	$(".boss").css("overflow-y","hidden")
                	$(".boss").css("overflow-x","hidden")

                }
                if(dids == "head3"){
                	$(".bossCenZ").css("display","none")
                	$(".bossCenP").css("display","none")
                	$(".bossCenA").css("display","block")
                	$(".boss").css("overflow-y","auto")
                }
                //宫格
                if(dom.getAttribute("sid") == "kuang"){
                	// $(".log").css("display","block")
                	if(dids == "0"){
                		gridAjax("all")
                	}else{
                		gridAjax(dids)
                	}
                }
                 //宫格
                // if(dom.getAttribute("sid") == "kuang"){
                // 	if(dids == "0"){
                // 		console.log("all")
                // 	}else{
                // 		console.log(dids)
                // 	}
                // }
                var timeNum = 2
                if(dids == "7"){
                	timeNum=2
                }
                if(dids == "15"){
                	timeNum=4
                }
                if(dids == "30"){
                	timeNum=7
                }
                //商城订单量&交易金额
                if(dom.getAttribute("sid") == "sc"){
                	var chart1s = $("#chart1").children()
	                if(chart1s.length>0){
	                    chart1s.each(function(doms1,inds1){
	                        inds1.remove()
	                    })
	                }
	                qingkong()
	                shoppingAjax(dids,timeNum)
	                // if(dids == "7"){
	                // 	shoppingAjax(dids,2)
	                // }
	                // if(dids == "15"){
	                // 	shoppingAjax(dids,4)
	                // }
	                // if(dids == "30"){
	                // 	shoppingAjax(dids,7)
	                // }
                }

                //跟进客户数
                if(dom.getAttribute("sid") == "gj"){
                	var chart2s = $("#chart2").children()
	                if(chart2s.length>0){
	                    chart2s.each(function(doms1,inds1){
	                        inds1.remove()
	                    })
	                }
	                qingkong()
	                followAjax(dids,timeNum)
                }

                
                if(dom.getAttribute("sid") == "xz"){
                	var chart3s = $("#chart3").children()
	                if(chart3s.length>0){
	                    chart3s.each(function(doms1,inds1){
	                        inds1.remove()
	                    })
	                }
	                qingkong()
                    addAjax(dids,timeNum)
	                // if(dids == "7"){
	                // 	 qingkong()
	                // 	dians3 = [[0.3,6,8,51,11,22,4]];
	                // 	dayss3 = [10.15,'',10.17,'',10.19,'',10.21]
	                // 	zhex(dians3,dayss3,"chart3",1)
	                // }
	                // if(dids == "15"){
	                // 	 qingkong()
	                // 	dians3 = [[3,6,8,1,11,22,4,20,15,1,49,18,4,6,18]];
	                // 	dayss3 = ['',10.15,'','','',10.19,'','','',10.23,'','','',10.27,'']
	                // 	zhex(dians3,dayss3,"chart3",1)
	                // }
	                // if(dids == "30"){
	                // 	 qingkong()
	                // 	dians3 = [[3,6,8,1,11,22,4,20,15,1,29,38,4,6,18,3,6,8,1,11,52,4,20,15,1,29,18,4,6,18]];
	                // 	dayss3 = ['',10.02,'','','','','',10.08,'','','','','','',10.15,'','','','','',10.21,'','','','','','',10.27,'','']
	                // 	zhex(dians3,dayss3,"chart3",1)
	                // }
                }

                // var phNum=1
                //销售排行
                if(dom.getAttribute("sid") == "ph"){
                	// $(".log").css("display","block")
                	// var chart2s = $("#chart2").children()
	                // if(chart2s.length>0){
	                //     chart2s.each(function(doms1,inds1){
	                //         inds1.remove()
	                //     })
	                // }
	                $(".bbossCenZTopSLsO").each(function(indexs1,doms1){
	                    doms1.classList.remove("bbossCenZTopSLsOColor")
	                })
	                document.querySelectorAll(".bbossCenZTopSLsO")[0].classList.add("bbossCenZTopSLsOColor")
	                if(dids == "1" || dids == "2" || dids == "3"){
	                	$(".bossNum2").html("最近7天")
	                	$(".bossNum3").html("最近30天")
	                }
	                if(dids == "1"){
	                	$(".bossNum1").html("总客户数")
	                	// phNum=1
	                	sortAjax("num","all",0)
	                }
	                if(dids == "2"){
	                	$(".bossNum1").html("总订单量")
	                	// phNum=2
	                	sortAjax("order","all",0)
	                }
	                if(dids == "3"){
	                	$(".bossNum1").html("总互动率")
	                	// phNum=3
	                	sortAjax("interaction","all",0)
	                }
	                if(dids == "4"){
	                	$(".bossNum1").html("0%-30%")
	                	$(".bossNum2").html("31%-60%")
	                	$(".bossNum3").html("61%-100%")
	                	// phNum=4
	                	sortAjax("rate",0,1)
	                }
                }

                //
                if(dom.getAttribute("sid") == "time"){
	                var phNum = document.querySelector(".bossCenPTopOColor").getAttribute("did")
	                // console.log(phNum)
	                if(phNum == 1){
	                	if(dids == "1"){
	                		sortAjax("num","all",0)
	                	}
	                	if(dids == "2"){
	                		sortAjax("num",7,0)
	                	}
	                	if(dids == "3"){
	                		sortAjax("num",30,0)
	                	}
	                }
	                if(phNum == 2){
	                	if(dids == "1"){
	                		sortAjax("order","all",0)
	                	}
	                	if(dids == "2"){
	                		sortAjax("order",7,0)
	                	}
	                	if(dids == "3"){
	                		sortAjax("order",30,0)
	                	}
	                }
	                if(phNum == 3){
	                	if(dids == "1"){
	                		sortAjax("interaction","all",0)
	                	}
	                	if(dids == "2"){
	                		sortAjax("interaction",7,0)
	                	}
	                	if(dids == "3"){
	                		sortAjax("interaction",30,0)
	                	}
	                }
	                if(phNum == 4){
	                	if(dids == "1"){
	                		sortAjax("rate",0,1)
	                	}
	                	if(dids == "2"){
	                		sortAjax("rate",31,2)
	                	}
	                	if(dids == "3"){
	                		sortAjax("rate",61,3)
	                	}
	                }
	               
                }

            }
        })
    }
    function qingkong(){
    	$(".jqplot-series-0").each(function(as,df){
    		df.remove()
    	})
    	$(".jqplot-xaxis-tick").each(function(asx,dfx){
    		dfx.remove()
    	})
    }



    var dian = [[3,6,8,1,11,22,4]];
    var days = [10.15,'',10.17,'',10.19,'',10.21]
    var dians4 = [[3,6,8,1,11,25,4,20,15,1,29,18,4,6,18]];
    var dayss4 = ['',10.15,'','','',10.19,'','','',10.23,'','','',10.27,'']
	var dians5 = [[3,6,8,1,11,22]];
    var dayss5 = ['点赞','评论','保存电话','拨打电话','资讯产品','添加微信']
    function zhex(data,x,ids,zhe){
    	var maxNum=0;
    	var line_title
		if(data.length>1){
			line_title = [' '];
			data[0].forEach(function(a,b){
	            if(a>maxNum){
	                maxNum = a
	            }
	        })
	        data[1].forEach(function(a,b){
	            if(a>maxNum){
	                maxNum = a
	            }
	        })
		}else{
		  	line_title = [' ',' '];
	        data[0].forEach(function(a,b){
	            if(a>maxNum){
	                maxNum = a
	            }
	        })
		}
        var nums = 1;
        for(i=0;maxNum>10;i++){
            nums = nums*10
            maxNum = maxNum / 10
        }
        var nus = Math.ceil(maxNum) * nums
        var data_max
        if(nus<10){
			data_max = 10;
        }else{

	   		data_max = nus; //Y轴最大刻度
        }
	  // var line_title = ["A","B","c","d"]; //曲线名称
	  
	   
	  var y_label = ""; //Y轴标题
	  var x_label = ""; //X轴标题
	  var title = ""; //统计图标标题
	  j.jqplot.diagram.base(ids, data, line_title, "", x, x_label, y_label, data_max, zhe);
    	
    }
    // dian1 = [[3,6,0.8,1,11,22,4],[13,26,48,11,1,32,4]];
    // zhex(dian1,days,"chart1",1)
    // zhex(dian,days,"chart2",1)
    // zhex(dian,days,"chart3",1)
    // zhex(dians4,dayss4,"chart4",1)
    // zhex(dians5,dayss5,"chart5",2)


    function yuan(num){
		var canv=document.getElementById("can1");
		var ctx=canv.getContext("2d");
		// var num=[500,300,450];
		var col=["#0FD35D","#FEAB2B","#3EC4D2"]
		var j=0,j1=0,j2=0,jiao=0;
		var sun=0;
		for(var i=0;i<num.length;i++){
			sun=sun+num[i];
		}
		var nums = num[0];
		var numInd = 0;
		for(var l=0;l<num.length;l++){
			if(nums < num[l]){
				nums = num[l]
				numInd = l
			}
		}
        ctx.scale(4,4);
		var ss1 = 360/sun
		var num1 = ss1*num[0]
		var num2 = ss1*num[1]
		var num3 = ss1*num[2]
		var num1s = num1/2
		var num2s = num2/2
		var num3s = num3/2
		var arr = [-270-num1s,-270-num2s-num1,-270-num1-num2-num3s]
		for(var i=0;i<num.length;i++){
			j=2*Math.PI*num[i]/sun;
			j2=j1+j;
			
			var ns = ss1*num[i]
			ctx.beginPath();
			ctx.fillStyle=col[i];
			x=35+Math.sin((2*Math.PI/360)*+arr[i])*30;
			y=35+Math.cos((2*Math.PI/360)*+arr[i])*30;
			x1=35+Math.sin((2*Math.PI/360)*+arr[i])*28;
			y1=35+Math.cos((2*Math.PI/360)*+arr[i])*28;
			x3=35+Math.sin((2*Math.PI/360)*+arr[i])*33;
			y3=35+Math.cos((2*Math.PI/360)*+arr[i])*33;
			
			// if(i==numInd){
			// 	ctx.arc(150,150,100,j1,j2,false);
			// 	ctx.lineTo(150,150);
			// }else{
				ctx.arc(35,35,25,j1,j2,false);
				ctx.lineTo(35,35);
			// }
			
			// ctx.moveTo(x,y);
			// ctx.lineTo(x1,y1);
			// ctx.fillText(num[i],x3,y3)
			// ctx.stroke();
			// ctx.closePath();

			ctx.fill();
			jiao=j1+j/2;
			ctx.font="10px Arial";
			ctx.fillStyle="#000";
			j1=j1+j;
		}
	}

	function canvers(num,canv){
		console.log(num)
		// var numArr=[];
		// numArr = num
		// var max = 0;
		// num.forEach(function(doms,inds){
		// 	if(max < doms){
		// 		max = doms
		// 	}
		// })
		// var sps = 100/max
		// var nums = 0;
		// for(i=0;max>10;i++){
		// 	nums++
		// 	max = max / 10
		// }
		// console.log(nums)
		// var numArr=[]
		// num.forEach(function(doms,inds){
		// 		numArr.push(doms *sps)
		// })
		// console.log(numArr)
		var ctx=canv.getContext("2d");
		ctx.clearRect(0,0,320,280)

		var j=0,j1=0,j2=0,jiao=0;
		// var name = ["个人魅力值","获客能力值","产品推广值","客户互动值","销售主动性","官网推广度"]
		var ns=30
		for(var i=0;i<num.length;i++){

			ctx.beginPath();
			x3=160+Math.sin((2*Math.PI/360)*ns)*100;
			y3=140+Math.cos((2*Math.PI/360)*ns)*100;
			x4=160+Math.sin((2*Math.PI/360)*ns)*0;
			y4=140+Math.cos((2*Math.PI/360)*ns)*0;
			ctx.moveTo(x3,y3);
			ctx.lineTo(x4,y4);
			// ctx.fillText(arr[i],x3,y3)
			ctx.strokeStyle = "#eaeaea"
			ctx.stroke();
			ctx.closePath();
			x5=160+Math.sin((2*Math.PI/360)*ns)*100;
			y5=140+Math.cos((2*Math.PI/360)*ns)*100;
			
			if(i==0){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[0];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[0];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[0];
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[0]+20;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[1];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[1];

			}
			if(i==1){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[1];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[1];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[1];
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[1]+5;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[2];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[2];

			}
			if(i==2){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[2];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[2];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[2];
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[2]-20;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[3];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[3];

			}
			if(i==3){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[3];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[3];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[3]-50;
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[3]-20;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[4];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[4];

			}
			if(i==4){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[4];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[4];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[4]-50;
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[4]+5;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[5];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[5];

			}
			if(i==5){
				x=160+Math.sin((2*Math.PI/360)*ns)*num[5];
				y=140+Math.cos((2*Math.PI/360)*ns)*num[5];
				xs=160+Math.sin((2*Math.PI/360)*ns)*num[5]-50;
				ys=140+Math.cos((2*Math.PI/360)*ns)*num[5]+20;
				ns+=60
				x1=160+Math.sin((2*Math.PI/360)*ns)*num[0];
				y1=140+Math.cos((2*Math.PI/360)*ns)*num[0];

			}
			x6=160+Math.sin((2*Math.PI/360)*ns)*100;
			y6=140+Math.cos((2*Math.PI/360)*ns)*100;
			ctx.beginPath();
			ctx.moveTo(x5,y5);
			ctx.lineTo(x6,y6);
			ctx.strokeStyle = "#eaeaea"
			ctx.stroke();
			ctx.closePath();

			ctx.beginPath();
			ctx.moveTo(x,y);
			ctx.lineTo(x1,y1);
			ctx.lineTo(x4,y4);
			ctx.lineTo(x,y);
			ctx.strokeStyle = "#4f81d4";
			// ctx.fillText(name[i],xs,ys);
			// ctx.font="10px Arial";
			ctx.stroke();
			ctx.closePath();
			ctx.fillStyle = "#4f81d4"
			ctx.fill();
		}

	}
    //获取员工id
	function analyze(arr){
		Array.from(arr).forEach(function(dom,ind){
			dom.onclick = function(){
				if(document.querySelector(".bossCenATu")){
					document.querySelector(".bossCenATu").remove()
				}
                // $(".log").css("display","block")
			// var name = ["个人魅力值","获客能力值","产品推广值","客户互动值","销售主动性","官网推广度"]

				var canva = "<div class='bossCenATu'><div class='charm bossFontTu'>个人魅力值</div><div class='client bossFontTu'>获客能力值</div><div class='generalize bossFontTu'>产品推广值</div><div class='interactions bossFontTu'>客户互动值</div><div class='initiative bossFontTu'>销售主动性</div><div class='website bossFontTu'>官网推广度</div><div class='canvas2'><canvas id='can2' width='320' height='280'></canvas></div></div>"
				$(this).after(canva)
				// console.log(dom.getAttribute("sid"))
                analyzeAjax(dom.getAttribute("sid"),document.getElementById("can2"))
				// var num;
				// if(dom.getAttribute("sid") == 1){
				// 	num=[50,30,20,90,70,60];
				// }
				// if(dom.getAttribute("sid") == 2){
				// 	num=[40,10,50,50,30,40];
				// }
				// if(dom.getAttribute("sid") == 3){
				// 	num=[20,50,10,20,80,20];
				// }
				
				// canvers(num,document.getElementById("can2"))
			}
		})
	}
    //ai分析数据请求
    function analyzeAjax(num,dom){
        console.log(num)
        $.ajax({
            url:"https://business.17jxyx.com/boss/v1/boss/user",
            type:"POST",
            contentType: "application/json",
            dataType:"json",
            data:JSON.stringify({
                token:token_boss,
                id:num,
            }),
            success:function(res){
                console.log(res)
                console.log(res.data)
                var analyzeNum=[]
                analyzeNum.push(res.data.prise)
                analyzeNum.push(res.data.custom)
                analyzeNum.push(res.data.goods)
                analyzeNum.push(res.data.initiative)
                analyzeNum.push(res.data.active)
                analyzeNum.push(res.data.web)
                canvers(analyzeNum,dom)
                // $(".log").css("display","none")


                // var arr1 = [1,3,5,6,7,9,'a','b','c','d','f']
                // res.data.forEach(function(el,index){
                //     var color = "#" + arr1[Math.ceil(Math.random() * 10)]  + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] + arr1[Math.ceil(Math.random() * 10)] 
                //     var divs = $("<div class='interactionOne'><div class='interactionOneL'>"+el.name+"</div><div class='interactionOneR'><div class='interactionT' style='width:"+el.num+"%;background:"+color+"'></div><div class='interactionF'>"+el.num+"%</div></div></div>")
                //     $(divs).appendTo(".interaction")
                // })
            },
            error:function(res){
              console.log(res)
                alert("请求数据失败")
                // $(".log").css("display","none")
                // if(document.querySelector(".bossCenATu")){
                //     document.querySelector(".bossCenATu").remove()
                // }
                // alert("暂无数据")

            }
        })
    }
	// $(".bossCenAMOnselfs").each(function(ind,dom){
	

  

</script>
</body>
</html>

